/* eslint-disable vue/no-unused-components */
<template>
  <div class="host-body">
    <MapDemo ref="mapDemo" />
    <Card1 />
  </div>
</template>

<script>
/* eslint-disable no-unused-vars */
/* eslint-disable vue/no-unused-components */
import MapDemo from "./MapGroupDemo/MapDemo.vue";
import Card1 from "./MapGroupDemo/Card1.vue";
export default {
  components: {
    MapDemo,
    Card1,
  },
  data() {
    return {
      timing: null,
      loading: true,
      dateDay: null,
      dateYear: null,
      dateWeek: null,
      areaValue: [],
      options: [1],
    };
  },

  methods: {
    test() {},
    changeLayerVisibility() {},
    handleFocussing() {},
    reset() {},
    // 倒计时
    // weekday: ['周日', '周一', '周二', '周三', '周四', '周五', '周六']
    // timeFn () {
    //   this.timing = setInterval(() => {
    //     this.dateDay = formatTime(new Date(), 'HH: mm: ss');
    //     this.dateYear = formatTime(new Date(), 'yyyy-MM-dd');
    //     this.dateWeek = this.weekday[new Date().getDay()];
    //   }, 1000);
    // }
  },
};
</script>

<style lang="less">
// @import "~@/assets/scss/index.less";
.host-body {
  color: #fff;
  height: 100%;
  width: 100%;
}
.temp-card {
  position: fixed;
  top: 100px;
  left: 0;
  width: 300px;
  height: 200px;
  background-color: rgba(0, 0, 0, 0.5);
}
</style>
